<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>027-元素的显示模式</title>
	</head>
	<body>
		<!--
      块元素(block)特点：
      1. 会独占一行
      2. 默认宽度，自动撑满父元素
      3. 默认高度，由内容撑开
      4. 可以通过CSS设置宽高

      行内元素(inline)特点：
      1. 不会独占一行
      2. 默认宽度，由内容撑开
      3. 默认高度，由内容撑开
      4. 无法通过CSS设置宽高

      行内块元素(inline-block)特点：
      1. 不会独占一行
      2. 默认宽度，由内容撑开
      3. 默认高度，由内容撑开
      4. 可以通过CSS设置宽高
   -->
	</body>
</html>
